<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="icon" type="image/x-icon" href="../image/pic.ico">
    <title>支付页</title>
    <style>
        #layer{width: 400px;height: 400px;text-align: center;position:absolute;top: 20%;left: 35%; background-color: #fff;}
        #layer a{margin-top: 90px;margin-right: 20px;}
        img{width: 150px;margin-left: 25px;margin-top: 60px;}
        body{background-color: rgba(0,0,0,0.5);}
    </style>
</head>
<body>
    <div id="layer">    
        <div class="layer-btn">
            <img src="../image/pay1.jpg" alt="">
            <img src="../image/pay3.jpg" alt="">
            <a href="" class="insertData btn btn-primary">支付</a>
            <a href="" class="insertData btn btn-danger">取消</a>
        </div>
    </div>

    <script src="../js/jquery.min.js"></script>
    <script>
        let arr = [0,1]
        $(".layer-btn a").eq(0).click(function(){
            console.log(1)
            location.href = `http://127.0.0.1:82/html/percenter.html`
        })
        $(".layer-btn a").eq(1).click(function(){
            location.href = `http://127.0.0.1:82/html/percenter.html?off=${arr[0]}`
        })
    </script>
</body>
</html>